<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="../js/jquery.js"></script>
<script>
	$(document).ready(function(){
		$("#set_text").click(function(){
			$("#text").text("Hello world!");
		});
		$("#set_html").click(function(){
			$("#html").html("<b>Hello world!</b>")
		});
		$("#set_val").click(function(){
			$("#input").val("name");
		});
		$("#set_attr").click(function(){
			$("#link").attr("href","http://localhost:8080/practice.jQuery/")
		});
	});
</script>
<title>DOM Set</title>
</head>
<body>
<p id="text">This is text in paragraph.</p>
<button id="set_text">Set text</button>

<p id="html">This is <b>bold</b> in paragraph.</p>
<button id="set_html">Set HTML</button>

<p>Name:<input type="text" id="input" value="test"/></p>
<button id="set_val">Set value</button>

<p><a id="link" href="http://localhost:8080/">Link</a></p>
<button id="set_attr">Set attribute</button>
</body>
</html>